<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>发出的报价</title>
    <link rel="stylesheet" type="text/css" href="{:_SKIN}/user/css/baojia.css" />
    <!--<link rel="stylesheet" type="text/css" href="css/base.min.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />-->
    <link rel="stylesheet" type="text/css" href="{:_SKIN}/user/layui/css/layui.css" />
    <script src="{:_SKIN}/user/layui/lay/dest/layui.all.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css">.layui-table, .layui-table th { text-align: center; } .layui-table{ margin-top: -10px; } .layui-tab-title a{ text-decoration: none; }</style></head>
  
  <body>
    <div class="content">
      <div class="titlebar">
        <div class="titlebar-name">发出的报价</div></div>
      <div class="my-s-a">
        <div class="my-s-a-a">
          <input class="my-s-a-a-s" type="text" name="buyTitle" value="" placeholder="请输入产品名称">
          <input class="my-s-a-a-b" type="button" value="查找" onclick=""></div>
      </div>
      <div class="layui-tab">
        <ul class="layui-tab-title">
          <li class="layui-this">
            <a href="">全部</a></li>
          <li>未读</li>
          <li>已读</li>
          <li>审核中</li>
          <li>审核未通过</li></ul>
        <div class="layui-tab-content">
          <div class="layui-tab-item layui-show">
            <table class="layui-table">
              <colgroup>
                <col width="150">
                  <col width="200">
                    <col></colgroup>
              <thead>
                <tr>
                  <th>报价产品</th>
                  <th>发布时间</th>
                  <th>状态</th>
                  <th>接收方</th>
                  <th>操作</th></tr>
              </thead>
              <tbody>
                <tr>
                  <td>苹果/红富士苹果</td>
                  <td>2016-11-29</td>
                  <td>null</td>
                  <td>null</td>
                  <td>
                    <a href="" style="color: #1E9FFF;">详情</a></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="layui-tab-item">
            <table class="layui-table">
              <colgroup>
                <col width="150">
                  <col width="200">
                    <col></colgroup>
              <thead>
                <tr>
                  <th>报价产品</th>
                  <th>发布时间</th>
                  <th>状态</th>
                  <th>接收方</th>
                  <th>操作</th></tr>
              </thead>
              <tbody>
                <tr>
                  <td>1</td>
                  <td>2</td>
                  <td>3</td>
                  <td>4</td>
                  <td>
                    <a href="" style="color: #1E9FFF;">详情</a></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="layui-tab-item">
            <table class="layui-table">
              <colgroup>
                <col width="150">
                  <col width="200">
                    <col></colgroup>
              <thead>
                <tr>
                  <th>报价产品</th>
                  <th>发布时间</th>
                  <th>状态</th>
                  <th>接收方</th>
                  <th>操作</th></tr>
              </thead>
              <tbody>
                <tr>
                  <td>1</td>
                  <td>5</td>
                  <td>5</td>
                  <td>5</td>
                  <td>
                    <a href="" style="color: #1E9FFF;">详情</a></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="layui-tab-item">
            <table class="layui-table">
              <colgroup>
                <col width="150">
                  <col width="200">
                    <col></colgroup>
              <thead>
                <tr>
                  <th>报价产品</th>
                  <th>发布时间</th>
                  <th>状态</th>
                  <th>接收方</th>
                  <th>操作</th></tr>
              </thead>
              <tbody>
                <tr>
                  <td>1</td>
                  <td>2</td>
                  <td>2</td>
                  <td>2</td>
                  <td>
                    <a href="" style="color: #1E9FFF;">详情</a></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="layui-tab-item">
            <table class="layui-table">
              <colgroup>
                <col width="150">
                  <col width="200">
                    <col></colgroup>
              <thead>
                <tr>
                  <th>报价产品</th>
                  <th>发布时间</th>
                  <th>状态</th>
                  <th>接收方</th>
                  <th>操作</th></tr>
              </thead>
              <tbody>
                <tr>
                  <td>1</td>
                  <td>2</td>
                  <td>3</td>
                  <td>4</td>
                  <td>
                    <a href="" style="color: #1E9FFF;">详情</a></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <script>//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
          layui.use('element',
          function() {
            var element = layui.element();

            //…
          });</script>
      </div>
  </body>

</html>